<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>

    <title>注册页</title>

    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_798771_zf4tht9amk.css"/>
    <link rel="stylesheet" href="../css/join.css"/>

</head>

<!--  移动端-网页制作 开始  -->

<body>
<!-- 状态栏 高40px -->
<!--<section>-->
    <!--<div class="ztl"></div>-->
<!--</section>-->

<div class="i-cha" flex="main:left cross:center">
    <i class="iconfont icon-chacha"></i>
</div>


<!-- 标题栏 高88px -->
<header flex="main:center cross:center">
    <span>Register</span>
</header>


<!-- 输入栏 高88px -->
<section class="inputs" flex="dir:top main:center cross:center">
    <input type="email" placeholder="E-mail"/>
    <input type="text" placeholder="Username"/>
    <input type="password" placeholder="password"/>
    <input type="password" placeholder="Confirm Password"/>
</section>


<!-- 按钮 高88px -->
<section class="btn"  flex="dir:top main:center cross:center">
    <button type="button" flex="main:center cross:center">
        <span>REGISTER</span>
        <i class="iconfont icon-right"></i>
    </button>

    <div class="text" flex="main:center cross:center">
        <span>By clicking register. I agree to your</span>
        <a href="#">Terms</a>
    </div>
</section>


</body>
<!--  移动端-网页制作 结束  -->

</html>
